/*公共部分*/

.footer{width:100%;text-align: center;clear:both;position: fixed;bottom:0px;font-size: 2rem;}
a:link,a:hover,a:active,a:visited{
	color:#000;
	text-decoration:none;
}
.navbar{z-index: 99;margin-bottom:0;}
*{margin:0px;padding:0px;}
li{list-style:none;}
html{

}
/*end 公共部分*/

/*头部*/
.nav li{position:relative;margin:0.5rem;transition:transform 0.3s;}
.nav li:before{
	content:"";
	position:absolute;
	width:90%;
	height:10px;
	top:80%;
	left:5%;
	background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);
	background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);
	opacity: 0;
	margin:0 auto;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform,opacity;
	-o-transition-property: transform,opacity;
	transition-property: transform,opacity;
}
.nav li:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.nav li:hover:before{-webkit-transform:translateY(5px);transform:translateY(5px);opacity: 0.4}
/*首页*/
.my-student{width0:80%;text-align: center;margin-top: 2rem;	}
.my-student>div>div{
	position: relative;
	width4:60%;
	height: 100%;
	margin: 0 auto;
	cursor:pointer;
}
.my-student>div>div:before{
	content:"";
	z-index: -1;
	height: 100%;
	width:100%;
	position: absolute;
	left: 0;
	padding-top:1rem;
	background:-webkit-linear-gradient(left,#ccc,#fff,#ccc);
	background:-o-linear-gradient(left,#ccc,#fff,#ccc);
	background:-moz-linear-gradient(left,#ccc,#fff,#ccc);
	background:linear-gradient(left,#ccc,#fff,#ccc);
	opacity: 0;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;


}
.my-student>div>div:hover:before{
	opacity: 0.5;
}
.my-student>div>div p:nth-of-type(2){
	border:1px #ccc solid;
	display: inline-block;
	padding:5px 8px;
	border-radius:10%;
}
.my-student .btn{padding:0px;}
/*end 首页*/

/***关于我**/
.Kgcircle{
	background-color:red;
	width: 40px;
	height: 40px;
	border-radius:50%;
	margin: 100px auto;	
	position: relative; 	
}
.circle1{
	background-color:red;
	width: 20px;
	height: 40px;
	border-radius:  0 40px 40px 0 ;
	animation:show 10s steps(1,end) infinite;
	position: absolute;
	opacity: 0;
	left:50%;
}
.circle2,.circle-zhuan1{
	background: #89abdd;
	width:20px;
	height: 40px;
	position: absolute;
	top:0;
}
.circle2{
	border-radius: 40px 0 0 40px;
	background: #89abdd;
	animation:hide 10s steps(1,end) infinite;
	
	/*background: red;*/	
}
.circle-zhuan1{
	border-radius:  0 40px  40px 0;
	animation:zhuana 10s infinite linear;
	/*transform-origin: right center; */
	transform-origin:left center;
	left:50%;

}
@keyframes zhuana{
	from{
		transform:rotate(0deg);
	}
	to{

		transform:rotate(360deg);
	}
}
@keyframes hide{
	0%{
		opacity: 1;
	}
	50%,100%{
		opacity: 0;
	}
}
@keyframes show{
	0%{
		opacity: 0;
	}
	50%,100%{
		opacity: 1;
	}
}


/*隐藏所有不然第一次加载就会发生动画*/
.contain{display: none;}
#fp-nav ul li{margin:10px 50px 0;}
.my-first{
	background: url(../img/first.png) ;
	background-size:cover;
	text-align: center;
	font-family: 微软雅黑;
}
.my-first .about-me,.my-first .jianli{
	animation:2s bounceInDown;
	display: inline-block;
}
.my-first .about-me{
	font-size: 6rem;
	font-weight: bold;
	color:#28c992;
	text-shadow:2px 2px  5px #ccc;
}
.my-first .jianli{
	font-size: 6rem;
	font-weight: bold;
	
}
.change{
	color:#fff;
}
.change .change-ch{
	font-size: 2.5rem;
	display: inline-block;
	animation:2s  fadeInLeft;
}
.change .change-en{
	display: inline-block;
	animation:2s  fadeInRight;
}
.next-page{
	width:70px;
	height: 70px;
	border-radius:50%;
	background: rgba(0,0,0,.2);
	margin: 0 auto;
	font-size: 3rem;
	color: blue;
	border:1px solid rgba(255,255,255,.5);
	overflow: hidden;
	cursor:pointer;
}
.next-page-btn{
	animation:2s infinite nextpage linear;
}

.goelia{
	background: url(../img/bg5.jpg);
	background-size: cover;
	color:#fff;
}
.goelia .contain {
	background: rgba(0,0,0,.6);
	border-radius:20px;	
}
.title16{
	text-align: center;
	font-size: 3rem;
	animation:bounceOut 2s;
	z-index: 9;
}
.title16 a{
	text-align: center;
	font-size: 3rem;
	animation:bounceOut 2s;
}
.goelia-other{
}
.goelia-other li{
	position: absolute;
	animation:bounceInDown 2s;

}
.goelia-other li:before{
	content:"";
	width: 1px;
	position: absolute;
	background: #fff;
	bottom: 100%;
	height: 5100%;
	left:50%;
	left:-webkit-calc(50%-1px);
	-webkit-animation: goelia-li 2s forwards;
	-o-animation: goelia-li 2s forwards;
	animation: goelia-li 2s forwards;
	animation-delay:2s;
}
.goelia-other li:nth-of-type(1){
	top:10%;
	left:10%;
}
.goelia-other li:nth-of-type(2){
	top:15%;
	left:87%;
}
.goelia-other li:nth-of-type(3){
	top:55%;
	left:86%;
}
.goelia-other li:nth-of-type(4){
	top:68%;
	left:40%;
}
.goelia-other li:nth-of-type(5){
	top:20%;
	left:70%;
}
.goelia-other li:nth-of-type(6){
	top:70%;
	left:30%;
}
.goelia-other li:nth-of-type(7){
	top:25%;
	left:25%;
}
.big{
	font-size: 30px;
}
.goelia-left{
	padding: 2rem 0;
	overflow:hidden;
}
.goelia-left p:nth-of-type(1){
	padding-left:1.5rem;
	position: relative;
	animation:slideInRight 2s;
}
.goelia-left p:nth-of-type(2){
	padding-left:1.5rem;
	position: relative;
	animation:slideInRight 2s;
	-webkit-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s;
}
.goelia-left p:nth-of-type(3){
	padding-left:1.5rem;
	position: relative;
	animation:slideInRight 2s;
	-webkit-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.goelia-left p:nth-of-type(4){
	padding-left:1.5rem;
	position: relative;
	animation:slideInRight 2s;
	-webkit-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}
.goelia-left p span{
	color:#a6e22e;
	position: absolute;
	margin-left:-1.5rem;
}
.goelia-right{
	/*background: rgba(0,0,0,.6);*/
	animation:goeliaRight 2s;
}

.goelia-right dd{
	padding-left:1rem;
}
.yuma{
	overflow: hidden;
	color: #fff;
	background: #007fd5;
}
.yuma-image{
	display: inline-block;
	transition: .5s;
	height:200px;	
	width:100%;
	overflow: hidden;

}
.yuma-image img{
	width:100%;
}
.yuma-lists{
	position: ;
/*	top:50%;
	margin-top:-125px;*/
}
.yuma-list{
	height:250px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	background: 
}
.yuma-list:hover .yuma-image{
	width:120px;
	height: 100px;
	border-radius:0 0 20% 20%;
	/*border-bottom:2px solid #d41d2a;*/
}
.yuma .fp-tableCell{
	vertical-align: top;
}
.yuma-title{
	z-index: 2;
	position: relative;
	margin-top: 30px;
}
.yuma-list:nth-of-type(1){
	animation:rollIn 2s forwards;
}
.yuma-list:nth-of-type(2){
	opacity: 0;
	animation:myZoomInDown 2s forwards;
	animation-delay:.5s;
	-webkit-animation-delay:.5s;
}

.yuma-list:nth-of-type(3){
	opacity: 0;
	animation:myZoomInUp 2s forwards;
	animation-delay:1s;
	-webkit-animation-delay:1s;
}
.yuma-list:nth-of-type(4){
	opacity: 0;
	animation:lightSpeedIn 2s forwards;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
}
.sky{
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #007fd5;
	-webkit-animation: sky 50s infinite;
	-o-animation: sky 50s infinite;
	animation: sky 50s infinite;
}
.cloud_one,.cloud_two,.cloud_three{
	width: 300%;
	height: 150%;
	position: absolute;
	z-index: 1;	
}

.cloud_one{
	background:url(../img/cloud_one.png);
	animation:cloud_one 60s infinite;
}
.cloud_two{
	background:url(../img/cloud_two.png);
	animation:cloud_two 85s infinite;
}
.cloud_three{
	background:url(../img/cloud_three.png);
	animation:cloud_three 110s infinite;
}
.xiangmu{
	background: url(../img/xiangmu.jpg);

	background-size: cover;
}
.xiangmu-lists {
	animation:slideInUp 2s;
}
.xiangmu-lists li{
	text-align: center;
	position: relative;
	margin-bottom: 2rem
}
.xiangmu-lists li>div{
	display: inline-block;
	cursor:pointer;
	position: relative;
}
.xiangmu-lists li>div:hover img{
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.xiangmu-lists li>div:hover .xiangmu-text{
	opacity: 1;
}
.xiangmu-text{
	position: absolute;
	top:0px;
	left:50%;
/*	width: 100%;
	height: 100%;
	margin-left:-100px;*/
	left:0%;
	right: 0px;
	bottom:0px;
	/*margin-left:-100px;*/
	/*display: table;*/
	color:#fff;
	background:rgba(0,0,0,.6);
	opacity: 0;
	transition: opacity 2s;
}
/*.xiangmu-text:hover{
	opacity: 1;
}*/
.xiangmu-pic{
	overflow: hidden;
	max-width:200px;
	width:100%;
	margin: 0 auto;	
	position: relative;
			
}
.xiangmu-pic  img{
	transition: all 1s;
}
.xiangmu-table{
	display: table;
	width: 100%;
	height: 100%;
}
.xiangmu-cell{
	vertical-align: middle;
	display: table-cell;
	font-weight:bold;
}
.xiangmu-text .xiangmu-jishu{
	display: block;
	/*word-wrap:break-word;*/
	word-break:break-all;
}
.pingjia{
	background: url(../img/bg3.jpg);
	color:#fff;
}
.pingjia-list{
	overflow: hidden;
	position: relative;
	
}
.pingjia-list:before{
	content:'';
	width: 100%;
	height: 100%;

	background: rgba(0,0,0,.5);
	border-radius:50%;
	z-index: 2;
	position: absolute;
	transform:scale(2);
	animation: pingjia-list 1s forwards;
}
.geren p{
	padding-left:2rem;
}
.jishu-title{
	animation:bounceIn 4s infinite;
	display: inline-block;
	font-weight: bold;
}
.quanping{
	position: absolute;
	content:"";
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	background: black;
	opacity: .8;
	animation: hide 12s linear forwards;
}
.pingjia .jishu p{
	padding-left:28px;
	position: relative;
}
.circle{
	width:20px;
	height: 20px;
	border-radius: 50%;
	background:#b27499;
	line-height: 20px;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin-right: 8px;
	position: absolute;
	margin-left:-25px;
}

/*end关于我


/*登陆页面*/
.login{
	padding-top:10%;
}
.login .row{
	text-align: center;
}
.username,.userpwd{

}
.login input{
	height: 30px;
	border:none;
	border-radius:5px;
}
input[class*="user"]{
	background:rgba(0,0,0,.2);
	border:1px solid rgba(153,102,153,.5);
	color: #fff;
}
input[class^="user"]::-webkit-input-placeholder{
	color:rgba(153,102,153,.5);
	/*color:red;*/
}
input[class^="user"]::-webkit-input-placeholder{
	color:rgba(153,102,153,.5);
	/*color:red;*/
}
input[class^="user"]:-moz-input-placeholder{
	color:rgba(153,102,153,.5);
	/*color:red;*/
}
input[class^="user"]::-moz-input-placeholder{
	color:rgba(153,102,153,.5);
	/*color:red;*/
}
.login-btn{
	animation:fadeInDown 2s;

	width: 174px;
	background: rgba(153,102,153,.5);
	background:linear-gradient:(rgba(178,166,153,.5),rgba(153,102,153,.5));
	background: -webkit-gradient(linear,rgba(178,166,153,.5),rgba(153,102,153,.5));
	background: -webkit-linear-gradient(rgba(178,166,153,.5),rgba(153,102,153,.5));
	color:#fff;
	word-spacing:10px;
	border:2px  ouset buttonface;
	height: 30px;
}
.login-btn:hover,.login-btn:focus{

	background: rgba(153,102,153,.5);
}
.userpaw{
	animation:fadeInDown 2s forwards;
	animation-delay:0.5s ;
	opacity:0;
}
.username{
	animation:fadeInDown 2s forwards;
	animation-delay:1s ;
	opacity:0;
}
.login-title{
	animation:fadeIn 2s forwards;
	animation-delay:1.5s ;
	opacity:0;
}
/*end 登陆页面*/